-webkit-text-security

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

-webkit-text-security est une propriété CSS non-standard qui permet de masquer les caractères saisis dans un camp d'un formulaire (ex. <input> ou <textarea>) en les remplaçant par une forme géométrique. Cette propriété n'affecte que les champs qui ne sont pas de type password.

Syntaxe

css
-webkit-text-security: circle;
-webkit-text-security: disc;
-webkit-text-security: square;
-webkit-text-security: none;

Exemples

En utilisant un navigateur qui prend en charge cette propriété et en saisissant des caractères dans le champs, vous pourrez les voir remplacées par des carrés.

HTML

html
<label for="name">Nom :</label> <input type="text" name="name" id="name" />

CSS

css
input {
  -webkit-text-security: square;
}

Résultat

Spécifications

Cette propriété WebKit est spécifique à ce moteur et ne fait partie d'aucune spécification*.*

Compatibilité des navigateurs

Cette propriété est prise en charge par les navigateurs basés sur WebKit ou Blink.

Voir aussi